<script setup>
    const titleList = [
        {id:1,text:"【麻城市中心】麻城经济开发区谌家园小学建设项目招标预公告",time:"2022-04-13"},
        {id:2,text:"【麻城市中心】麻城市农村公路管理局招标计划",time:"2022-04-13"},
        {id:3,text:"【麻城市中心】麻城经济开发区谌家园小学及附属幼儿园建设项目招标预公告",time:"2022-04-13"},
        {id:4,text:"【汉川市中心】汉川电厂四期扩建工程电力和水管网线路迁改建设工程",time:"2022-04-13"},
        {id:5,text:"【红安县中心】红安县2023年度小型水库安全监测项目设计采购施工总承包(EPC)",time:"2022-04-13"},
        {id:6,text:"海头镇宅基地土地发包项目",time:"2022-04-13"},
        {id:7,text:"先锋创业大楼（515-1室）60㎡",time:"2022-04-13"},
        {id:8,text:"烟台市福山区人民政府清洋街道办事处2023年04（至）05月政府采购意向",time:"2022-04-13"},
        {id:9,text:"同江市实验幼儿园2023年05月政府采购意向",time:"2022-04-13"},
        {id:10,text:"侯马市第二中学校2023年4月至12月政府采购意向-城乡义务教育补助省级配套经费",time:"2022-04-13"},
        {id:11,text:"太原市迎泽区卫生局卫生监督所2023年4月至12月政府采购意向-公用经费项目",time:"2022-04-13"},
        {id:12,text:"侯马市第二中学校2023年4月至11月政府采购意向-城乡义务教育补助经费中央资金",time:"2022-04-13"},
        {id:13,text:"太原市迎泽区卫生局卫生监督所2023年4月至12月政府采购意向-公用经费项目",time:"2022-04-13"},
        {id:14,text:"侯马市第二中学校2023年4月至8月政府采购意向-城乡义务教育补助经费中央资金",time:"2022-04-13"},
        {id:15,text:"【次氯酸钠贮存罐修理】采购公告 附件",time:"2022-04-13"}
    ];

</script>
<template>
    <el-container style="background-color:rgb(250,250,250)">
        <el-header>
            <div style="display:flex;margin-left:4%;">
                <p style="color:rgb(154,154,154)">首页/</p>
                <p>信息公告</p>
            </div>
        </el-header>
        <el-main style="background-color:white;width:90%;margin:auto;">
            <ul style="list-style:none">
                <li>
                    <el-row style="background-color:rgb(246,253,253)">
                        <el-col :span="2" ><p style="margin-left:20px">序号</p></el-col>
                        <el-col :span="18" ><p>公告名称</p></el-col>
                        <el-col :span="4" style="display:flex;"><p>发布时间</p><img src="/images/pic2.png" style="width:15px;height:15px;margin-left:20px;margin-top:20px"></el-col>
                    </el-row>
                </li>
                <li v-for="item in titleList" :key="item.id">
                    <el-row style="border-bottom:1px solid rgb(154,154,154)">
                        <el-col :span="2"><img src="/images/u19.png" alt="" style="width:25px;height:25px;margin-left:20px;margin-top:15px"></el-col>
                        <el-col :span="18">
                            <a @click="$router.push(`/Detail_page/${item.id}`)" style="cursor: pointer;">
                                <p>{{item.text}}</p>
                            </a>
                        </el-col>
                        <el-col :span="4">
                            <p style="color:rgb(154,154,154)">{{item.time}}</p>
                        </el-col>
                    </el-row>
                </li>
            </ul>
        </el-main>
    </el-container>
</template>